<!doctype html>
<html>

	<head>
		<!-- Basic Page Needs -->
		<meta charset="utf-8">
		<title>AMovie - Movie page</title>
		<meta name="description" content="A Template by Gozha.net">
		<meta name="keywords" content="HTML, CSS, JavaScript">
		<meta name="author" content="Gozha.net">

		<!-- Mobile Specific Metas-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta content="telephone=no" name="format-detection">

		<!-- Fonts -->
		<!-- Font awesome - icon font -->
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
		<!-- Roboto -->
		<link href='http://fonts.useso.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>

		<!-- Stylesheets -->
		<!-- jQuery UI -->
		<link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet">

		<!-- Mobile menu -->
		<link href="css/gozha-nav.css" rel="stylesheet" />
		<!-- Select -->
		<link href="css/external/jquery.selectbox.css" rel="stylesheet" />
		<!-- Swiper slider -->
		<link href="css/external/idangerous.swiper.css" rel="stylesheet" />
		<!-- Magnific-popup -->
		<link href="css/external/magnific-popup.css" rel="stylesheet" />

		<!-- Custom -->
		<link href="css/style.css?v=1" rel="stylesheet" />

		<!-- Modernizr -->
		<script src="js/external/modernizr.custom.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]> 
    	<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>		
    <![endif]-->
	</head>

	<body>
		<div class="wrapper">
			<!-- Banner -->

			<!-- Header section -->
			<header class="header-wrapper">
				<div class="container">
					<!-- Logo link-->
					<a href='index.html' class="logo">
						<img alt='logo' src="images/logo.png">
					</a>

					<!-- Main website navigation-->
					<nav id="navigation-box">
						<!-- Toggle for mobile menu mode -->
						<a href="#" id="navigation-toggle">
							<span class="menu-icon">
                            <span class="icon-toggle" role="button" aria-label="Toggle Navigation">
                              <span class="lines"></span>
							</span>
							</span>
						</a>

						<!-- Link navigation -->
						<ul id="navigation">
							<li>
								<span class="sub-nav-toggle plus"></span>
								<a href="#">页面</a>
								<ul>
									<li class="menu__nav-item">
										<a href="movie-page-left.html">电影</a>
									</li>
									<li class="menu__nav-item">
										<a href="movie-list-full.html">电影列表</a>
									</li>
									<li class="menu__nav-item">
										<a href="single-cinema.html">电影院</a>
									</li>
									<li class="menu__nav-item">
										<a href="cinema-list.html">电影院名单</a>
									</li>
									<li class="menu__nav-item">
										<a href="contact.html">联系我们</a>
									</li>
									<li class="menu__nav-item">
										<a href="404.html">404 错误</a>
									</li>
									<li class="menu__nav-item">
										<a href="login.html">登陆</a>
									</li>
								</ul>
							</li>
							
							<li>
								<span class="sub-nav-toggle plus"></span>
								<a href="page-elements.html">预订步骤</a>
								<ul>
									<li class="menu__nav-item">
										<a href="book1.html">预订步骤 1</a>
									</li>
									<li class="menu__nav-item">
										<a href="book2.html">预订步骤 2</a>
									</li>
									<li class="menu__nav-item">
										<a href="book3-buy.html">预订步骤 3 (购买)</a>
									</li>
									<li class="menu__nav-item">
										<a href="book3-reserve.html">预订步骤 3 (预约)</a>
									</li>
									<li class="menu__nav-item">
										<a href="book-final.html">订单</a>
									</li>
								</ul>
							</li>

							<li>
								<span class="sub-nav-toggle plus"></span>
								<a href="#">菜单</a>
								<ul class="mega-menu container">
									<li class="col-md-3 mega-menu__coloum">
										<h4 class="mega-menu__heading">正在热映的电影</h4>
										<ul class="mega-menu__list">
											<li class="mega-menu__nav-item">
												<a href="#">一条狗的使命2</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">千与千寻</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
										</ul>
									</li>

									<li class="col-md-3 mega-menu__coloum">
										<h4 class="mega-menu__heading">即将结束的电影</h4>
										<ul class="mega-menu__list">
											<li class="mega-menu__nav-item">
												<a href="#">一条狗的使命2</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">千与千寻</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
											<li class="mega-menu__nav-item">
												<a href="#">...</a>
											</li>
										</ul>
									</li>

								</ul>
							</li>
						</ul>
					</nav>

					<!-- Additional header buttons / Auth and direct link to booking-->
					<div class="control-panel">
						<a href="#" class="btn btn--sign login-window">登陆</a>
						<a href="#" class="btn btn--sign login-window">注册</a>
						<a href="#" class="btn btn-md btn--warning btn--book login-window">订票</a>
					</div>

				</div>
			</header>

			<!-- Search bar -->
			<div class="search-wrapper">
				<div class="container container--add">
					<form id='search-form' method='get' class="search">
						<input type="text" class="search__field" placeholder="Search">
						<select name="sorting_item" id="search-sort" class="search__sort" tabindex="0">
							<option value="1" selected='selected'>按照标题</option>

						</select>
						<button type='submit' class="btn btn-md btn--danger search__button">搜索一部电影</button>
					</form>
				</div>
			</div>

			<!-- Main content -->
			<section class="container">
				<div class="col-sm-8 col-md-9">
					<div class="movie">
						<h2 class="page-heading">一条狗的使命</h2>

						<div class="movie__info">
							<div class="col-sm-6 col-md-4 movie-mobile">
								<div class="movie__images">
									<span class="movie__rating">5.0</span>
									<img alt='' src="http://placehold.it/526x773">
								</div>
								<div class="movie__rate">你的投票:
									<div id='score' class="score"></div>
								</div>
							</div>

							<div class="col-sm-6 col-md-8">
								<p class="movie__time">169 min</p>

								<p class="movie__option"><strong>国家: </strong>
									<a href="#">北美</a>
								</p>
								<p class="movie__option"><strong>年份: </strong>
									<a href="#">2012</a>
								</p>
								<p class="movie__option"><strong>类别: </strong>
									<a href="#">感人</a>,
									<a href="#">爱情</a>
								</p>
								<p class="movie__option"><strong>发行日期 </strong>2019-05-17</p>
								<p class="movie__option"><strong>导演: </strong>
									<a href="#">Peter Jackson</a>
								</p>
								<p class="movie__option"><strong>演员: </strong>
									<a href="#">Martin Freeman</a>,
									<a href="#">Ian McKellen</a>,
									<a href="#">Richard Armitage</a>,
									<a href="#">Ken Stott</a>,
									<a href="#">Graham McTavish</a>,
									<a href="#">Cate Blanchett</a>,
									<a href="#">Hugo Weaving</a>,
									<a href="#">Ian Holm</a>,
									<a href="#">Elijah Wood</a>
									<a href="#">...</a>
								</p>
								<p class="movie__option"><strong>票房: </strong>
									<a href="#">$1 017 003 568</a>
								</p>

								<div class="movie__btns">
									<a href="#" class="btn btn-md btn--warning">买这张电影票</a>
									<a href="#" class="watchlist">添加到购物车</a>
								</div>

								<div class="share">
									<span class="share__marker">评论: </span>
									<div class="addthis_toolbox addthis_default_style ">
										<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
										<a class="addthis_button_tweet"></a>
										<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
									</div>
								</div>
							</div>
						</div>

						<div class="clearfix"></div>

						<h2 class="page-heading">情节</h2>

						<p class="movie__describe">比尔博·巴金斯被卷入从可怕的巨龙斯摩格手中夺回失去的矮人王国的任务。在巫师甘道夫的突然接近下，比尔博发现自己加入了一个由传奇战士索林·奥肯盾牌领导的由十三位矮人组成的连队。他们的旅程将带他们进入荒野，穿过充满妖精和兽人的危险之地，致命的战兽和巨蜘蛛，变形人和巫师。虽然他们的目标是东方和荒地的孤独山，他们必须首先逃离地精隧道，在那里比尔博遇到的生物，将改变他的生活永远.戈勒姆。在这里，一个人和Gollum在一个地下湖边，谦逊的比尔博·巴金斯不仅发现了令他惊讶的深邃的诡计和勇气，他还拥有了戈卢姆的“珍贵”戒指，这枚戒指具有意想不到的和有用的品质.一个简单的，金戒指，它与整个中土世界的命运联系在一起，比尔博无法开始.</p>

						<h2 class="page-heading">照片和视频</h2>

						<div class="movie__media">
							<div class="movie__media-switch">
								<a href="#" class="watchlist list--photo" data-filter='media-photo'>234张照片</a>
								<a href="#" class="watchlist list--video" data-filter='media-video'>10个视频</a>
							</div>

							<div class="swiper-container">
								<div class="swiper-wrapper">
									<!--First Slide-->
									<div class="swiper-slide media-video">
										<a href='https://www.youtube.com/watch?v=Y5AehBA3IsE' class="movie__media-item ">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Second Slide-->
									<div class="swiper-slide media-video">
										<a href='https://www.youtube.com/watch?v=Kb3ykVYvT4U' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Third Slide-->
									<div class="swiper-slide media-photo">
										<a href='http://placehold.it/2100x1250' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Four Slide-->
									<div class="swiper-slide media-photo">
										<a href='http://placehold.it/2100x1250' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Slide-->
									<div class="swiper-slide media-photo">
										<a href='http://placehold.it/2100x1250' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Slide-->
									<div class="swiper-slide media-photo">
										<a href='http://placehold.it/2100x1250' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--First Slide-->
									<div class="swiper-slide media-video">
										<a href='https://www.youtube.com/watch?v=Y5AehBA3IsE' class="movie__media-item ">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Second Slide-->
									<div class="swiper-slide media-video">
										<a href='https://www.youtube.com/watch?v=Kb3ykVYvT4U' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Slide-->
									<div class="swiper-slide media-photo">
										<a href='http://placehold.it/2100x1250' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

									<!--Slide-->
									<div class="swiper-slide media-photo">
										<a href='http://placehold.it/2100x1250' class="movie__media-item">
											<img alt='' src="http://placehold.it/400x240">
										</a>
									</div>

								</div>
							</div>

						</div>

					</div>

					<h2 class="page-heading">演出时间及门票</h2>
					<div class="choose-container">
						<form id='select' class="select" method='get'>
							<select name="select_item" id="select-sort" class="select__sort" tabindex="0">
								<option value="1" selected='selected'>思明区</option>
								<option value="2">湖里区</option>
								<option value="3">集美区</option>
								<option value="4">翔安区</option>
								<option value="5">海沧区</option>
							</select>
						</form>

						<div class="datepicker">
							<span class="datepicker__marker"><i class="fa fa-calendar"></i>日期</span>
							<input type="text" id="datepicker" value='03/10/2014' class="datepicker__input">
						</div>

						<a href="#" id="map-switch" class="watchlist watchlist--map"><span class="show-map">在地图上显示电影院</span></a>

						<div class="clearfix"></div>

						<div class="time-select">
							<div class="time-select__group group--first">
								<div class="col-sm-4">
									<p class="time-select__place">万达影城</p>
								</div>
								<ul class="col-sm-8 items-wrap">
									<li class="time-select__item" data-time='09:40'>09:40</li>
									<li class="time-select__item" data-time='13:45'>13:45</li>
									<li class="time-select__item active" data-time='15:45'>15:45</li>
									<li class="time-select__item" data-time='19:50'>19:50</li>
									<li class="time-select__item" data-time='21:50'>21:50</li>
								</ul>
							</div>

							<div class="time-select__group">
								<div class="col-sm-4">
									<p class="time-select__place">又见影院</p>
								</div>
								<ul class="col-sm-8 items-wrap">
									<li class="time-select__item" data-time='10:45'>10:45</li>
									<li class="time-select__item" data-time='16:00'>16:00</li>
									<li class="time-select__item" data-time='19:00'>19:00</li>
									<li class="time-select__item" data-time='21:15'>21:15</li>
									<li class="time-select__item" data-time='23:00'>23:00</li>
								</ul>
							</div>

							<div class="time-select__group">
								<div class="col-sm-4">
									<p class="time-select__place">影院1</p>
								</div>
								<ul class="col-sm-8 items-wrap">
									<li class="time-select__item" data-time='09:00'>09:00</li>
									<li class="time-select__item" data-time='11:00'>11:00</li>
									<li class="time-select__item" data-time='13:00'>13:00</li>
									<li class="time-select__item" data-time='15:00'>15:00</li>
									<li class="time-select__item" data-time='17:00'>17:00</li>
									<li class="time-select__item" data-time='19:0'>19:00</li>
									<li class="time-select__item" data-time='21:0'>21:00</li>
									<li class="time-select__item" data-time='23:0'>23:00</li>
									<li class="time-select__item" data-time='01:0'>01:00</li>
								</ul>
							</div>

							<div class="time-select__group">
								<div class="col-sm-4">
									<p class="time-select__place">影院1</p>
								</div>
								<ul class="col-sm-8 items-wrap">
									<li class="time-select__item" data-time='10:45'>10:45</li>
									<li class="time-select__item" data-time='16:00'>16:00</li>
									<li class="time-select__item" data-time='19:00'>19:00</li>
									<li class="time-select__item" data-time='21:15'>21:15</li>
									<li class="time-select__item" data-time='23:00'>23:00</li>
								</ul>
							</div>

							<div class="time-select__group group--last">
								<div class="col-sm-4">
									<p class="time-select__place">影院1</p>
								</div>
								<ul class="col-sm-8 items-wrap">
									<li class="time-select__item" data-time='17:45'>17:45</li>
									<li class="time-select__item" data-time='21:30'>21:30</li>
									<li class="time-select__item" data-time='02:20'>02:20</li>
								</ul>
							</div>
						</div>

						<!-- hiden maps with multiple locator-->
						<div class="map">
							<div id='cimenas-map'></div>
						</div>

						<h2 class="page-heading">评论意见(15)</h2>

						<div class="comment-wrapper">
							<form id="comment-form" class="comment-form" method='post'>
								<textarea class="comment-form__text" placeholder='Add you comment here'></textarea>
								<label class="comment-form__info">留下250个字符</label>
								<button type='submit' class="btn btn-md btn--danger comment-form__btn">添加</button>
							</form>

							<div class="comment-sets">

								<div class="comment">
									<div class="comment__images">
										<img alt='' src="http://placehold.it/50x50">
									</div>

									<a href='#' class="comment__author"><span class="social-used fa fa-facebook"></span>兔宝宝</a>
									<p class="comment__date">今天 | 03:04</p>
									<p class="comment__message">今天天气真好</p>
									<a href='#' class="comment__reply">回复</a>
								</div>

								<div class="comment">
									<div class="comment__images">
										<img alt='' src="http://placehold.it/50x50">
									</div>

									<a href='#' class="comment__author"><span class="social-used fa fa-facebook"></span>兔宝宝</a>
									<p class="comment__date">今天 | 03:04</p>
									<p class="comment__message">今天天气真好</p>
									<a href='#' class="comment__reply">回复</a>
								</div>

								<div class="comment comment--answer">
									<div class="comment__images">
										<img alt='' src="http://placehold.it/50x50">
									</div>

									<a href='#' class="comment__author"><span class="social-used fa fa-vk"></span>大肥猪</a>
									<p class="comment__date">今天 | 10:19</p>
									<p class="comment__message">肚子好饱</p>
									<a href='#' class="comment__reply">回复</a>
								</div>

								<div class="comment comment--last">
									<div class="comment__images">
										<img alt='' src="http://placehold.it/50x50">
									</div>

									<a href='#' class="comment__author"><span class="social-used fa fa-facebook"></span>Sia Andrews</a>
									<p class="comment__date"> 22.10.2013 | 12:31 </p>
									<p class="comment__message">吃的好饱</p>
									<a href='#' class="comment__reply">回复</a>
								</div>

								<div id='hide-comments' class="hide-comments">
									<div class="comment">
										<div class="comment__images">
											<img alt='' src="http://placehold.it/50x50">
										</div>

										<a href='#' class="comment__author"><span class="social-used fa fa-facebook"></span>Roberta Inetti</a>
										<p class="comment__date">今天 | 03:04</p>
										<p class="comment__message">今天和开心</p>
										<a href='#' class="comment__reply">回复</a>
									</div>

									<div class="comment">
										<div class="comment__images">
											<img alt='' src="http://placehold.it/50x50">
										</div>

										<a href='#' class="comment__author"><span class="social-used fa fa-vk"></span>我是猪</a>
										<p class="comment__date">22.10.2013 | 14:40</p>
										<p class="comment__message">o my god</p>
										<a href='#' class="comment__reply">回复</a>
									</div>
								</div>

								<div class="comment-more">
									<a href="#" class="watchlist">显示更多评论</a>
								</div>

							</div>
						</div>
					</div>
				</div>

				<aside class="col-sm-4 col-md-3">
					<div class="sitebar">
						<div class="banner-wrap">
							<img alt='banner' src="http://placehold.it/500x500">
						</div>

						<div class="banner-wrap">
							<img alt='banner' src="http://placehold.it/500x500">
						</div>

						<div class="banner-wrap banner-wrap--last">
							<img alt='banner' src="http://placehold.it/500x500">
						</div>

						<div class="promo marginb-sm">
							<div class="promo__describe">电影应用程序<br> 适用于所有智能手机/div>
							<div class="promo__content">
								<ul>
									<li class="store-variant">
										<a href="#"><img alt='' src="images/apple-store.svg"></a>
									</li>
									<li class="store-variant">
										<a href="#"><img alt='' src="images/google-play.svg"></a>
									</li>
									
								</ul>
							</div>
						</div>

						<div class="category category--discuss category--count marginb-sm mobile-category ls-cat">
							<h3 class="category__title">最火电影<br><span class="title-edition">discussed posts</span></h3>
							<ol>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
							</ol>
						</div>

						<div class="category category--cooming category--count marginb-sm mobile-category rs-cat">
							<h3 class="category__title">即将上映的电影<br></h3>
							<ol>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
								<li>
									<a href="#" class="category__item">电影1</a>
								</li>
							</ol>
						</div>

					</div>
				</aside>

			</section>

			<div class="clearfix"></div>

			<footer class="footer-wrapper">
				<section class="container">
					<div class="col-xs-4 col-md-2 footer-nav">
						<ul class="nav-link">
							<li>
								<a href="#" class="nav-link__item">Cities</a>
							</li>
							<li>
								<a href="movie-list-left.html" class="nav-link__item">Movies</a>
							</li>
							<li>
								<a href="trailer.html" class="nav-link__item">Trailers</a>
							</li>
							<li>
								<a href="rates-left.html" class="nav-link__item">Rates</a>
							</li>
						</ul>
					</div>
					<div class="col-xs-4 col-md-2 footer-nav">
						<ul class="nav-link">
							<li>
								<a href="coming-soon.html" class="nav-link__item">Coming soon</a>
							</li>
							<li>
								<a href="cinema-list.html" class="nav-link__item">Cinemas</a>
							</li>
							<li>
								<a href="offers.html" class="nav-link__item">Best offers</a>
							</li>
							<li>
								<a href="news-left.html" class="nav-link__item">News</a>
							</li>
						</ul>
					</div>
					<div class="col-xs-4 col-md-2 footer-nav">
						<ul class="nav-link">
							<li>
								<a href="#" class="nav-link__item">Terms of use</a>
							</li>
							<li>
								<a href="gallery-four.html" class="nav-link__item">Gallery</a>
							</li>
							<li>
								<a href="contact.html" class="nav-link__item">Contacts</a>
							</li>
							<li>
								<a href="page-elements.html" class="nav-link__item">Shortcodes</a>
							</li>
						</ul>
					</div>
					<div class="col-xs-12 col-md-6">
						<div class="footer-info">
							<p class="heading-special--small">A.Movie<br><span class="title-edition">in the social media</span></p>

							<div class="social">
								<a href='#' class="social__variant fa fa-facebook"></a>
								<a href='#' class="social__variant fa fa-twitter"></a>
								<a href='#' class="social__variant fa fa-vk"></a>
								<a href='#' class="social__variant fa fa-instagram"></a>
								<a href='#' class="social__variant fa fa-tumblr"></a>
								<a href='#' class="social__variant fa fa-pinterest"></a>
							</div>

							<div class="clearfix"></div>
							<p class="copy">&copy; A.Movie, 2013. All rights reserved. Done by Olia Gozha</p>
						</div>
					</div>
				</section>
			</footer>
		</div>

		<!-- open/close -->
		<div class="overlay overlay-hugeinc">

			<section class="container">

				<div class="col-sm-4 col-sm-offset-4">
					<button type="button" class="overlay-close">Close</button>
					<form id="login-form" class="login" method='get' novalidate=''>
						<p class="login__title">sign in <br><span class="login-edition">welcome to A.Movie</span></p>

						<div class="social social--colored">
							<a href='#' class="social__variant fa fa-facebook"></a>
							<a href='#' class="social__variant fa fa-twitter"></a>
							<a href='#' class="social__variant fa fa-tumblr"></a>
						</div>

						<p class="login__tracker">or</p>

						<div class="field-wrap">
							<input type='email' placeholder='Email' name='user-email' class="login__input">
							<input type='password' placeholder='Password' name='user-password' class="login__input">

							<input type='checkbox' id='#informed' class='login__check styled'>
							<label for='#informed' class='login__check-info'>remember me</label>
						</div>

						<div class="login__control">
							<button type='submit' class="btn btn-md btn--warning btn--wider">sign in</button>
							<a href="#" class="login__tracker form__tracker">Forgot password?</a>
						</div>
					</form>
				</div>

			</section>
		</div>

		<!-- JavaScript-->
		<!-- jQuery 1.9.1-->
		<script src="http://ajax.useso.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<script>
			window.jQuery || document.write('<script src="js/external/jquery-1.10.1.min.js"><\/script>')
		</script>
		<!-- Migrate -->
		<script src="js/external/jquery-migrate-1.2.1.min.js"></script>
		<!-- jQuery UI -->
		<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
		<!-- Bootstrap 3-->
		<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

		<!-- Mobile menu -->
		<script src="js/jquery.mobile.menu.js"></script>
		<!-- Select -->
		<script src="js/external/jquery.selectbox-0.2.min.js"></script>

		<!-- Stars rate -->
		<script src="js/external/jquery.raty.js"></script>
		<!-- Swiper slider -->
		<script src="js/external/idangerous.swiper.min.js"></script>
		<!-- Magnific-popup -->
		<script src="js/external/jquery.magnific-popup.min.js"></script>

		<!--*** Google map  ***-->
		<script src="https://maps.google.com/maps/api/js?sensor=true"></script>
		<!--*** Google map infobox  ***-->
		<script src="js/external/infobox.js"></script>

		<!-- Share buttons -->
		<script type="text/javascript">
			var addthis_config = {
				"data_track_addressbar": true
			};
		</script>
		<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-525fd5e9061e7ef0"></script>

		<!-- Form element -->
		<script src="js/external/form-element.js"></script>
		<!-- Form validation -->
		<script src="js/form.js"></script>

		<!-- Custom -->
		<script src="js/custom.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				init_MoviePage();
			});
		</script>

	</body>

</html>